@charset "UTF-8";
@import "./public";
@import "./Media\ queries";
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
.bul{
    width: 100%;
    background-color: #2b80d9;
    #all1{
        width: 1440px;
        height: 658px;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        #box1{
            width: 1000%;
            height: 658px;
            position: relative;
            ul{
                position: absolute;
                left: 0;
                top: -2px;
                li{
                    float: left;
                    img{
                        width:100%;
                    }
                }
            }
            
        }
        ol{
            position:absolute;
            left: 50%;
            transform: translatex(-50%);
            bottom:10%;
            li{
                width: 15px;
                height: 15px;
                background: white;
                border-radius:4rem;
                margin-left: 15px;
                float: left;
                text-align: center;
            }
            .curre{
                background: red;
            }
        }
    }
}
main{
    .all{
        background-color: #fbfaf7;
        .container{
            background-color: #fbfaf7;
            .row{
                .col-md-8{
                    margin-top: 104px;
                    h2{
                        font-size: 48px;
                        color: #0078d7;
                        cursor: pointer;
                    }
                    h5{
                        font-size: 30px;
                        cursor: pointer;
                        color: #666666;
                    }
                    .item {
                        margin-bottom: 40px;
                        display: flex;
                        cursor: pointer;
        
                        .icon {
                            width: 64px;
                            height: 64px;
                            flex-shrink: 0;
                        }
        
                        .context {
                            margin-left: 5px;
                            p {
                                color: #333;
                                font-size: 19px;
                                line-height: 1;
                            }
        
                            span {
                                color: #666;
                                font-size: 14px;
                                line-height: 1.5em;
                            }
                        }
                    }
                    
                }
                .col-md-4{
                    margin-top: 104px;
                }
            }
        }
    }
   .advantage{
       .container{
           .row{
               .col-md-6{
                   margin-top: 130px;
                   .tu{
                        width: 303px;
                        height: 295px;
                       margin: 0 auto;
                       img{
                           width: 100%;
                       }
                   }
               }
               .xai {
                   margin-top: 50px;
                h2{
                    font-size: 48px;
                    margin-bottom: 44px;
                    color: #8fc31f;
                }
                .col-md-12{
                    display: flex;
                    margin-bottom: 16px;
                  .icon{
                    width: 54px;
                    height: 54px;
                    img{
                        width: 100%;
                    }
                  }
                  .text{
                    width: 316px;
                    height: 14px;
                    font-size: 14px;
                    color: #6666;
                    margin-top: 18px;
                    margin-left: 10px;
                  }
                }
               }
           }
       }
   }
   .family{
        background-color: #0079d7;
       .container{
           .to{
               display: flex;
               margin-top: 111px;
               justify-content: center;
            .zi{
                width: 380px;
                height: 55px;
                font-size: 48px;
                color: #fffefe;
               }
           }
           .qw{
               .df{
                width: 406px;
                height: 121px;
                margin: 72px 15px 15px 0;
                .col-md-4{
                    width: 66px;
                    height: 121px;
                    .icon{
                        width: 66px;
                        height: 66px;
                        margin-top: 7px;
                    }
                }
                .col-md-8{
                    margin-left: 60px;
                    .text1{
                        margin-top: -10px;
                        p:first-child{
                            width: 110px;
	                        height: 31px;
	                        font-size: 33px;
	                        font-weight:bold;
                            margin-bottom: 30px;
	                        color: #fffefe;
                        }
                        p:last-child{
                            width: 280px;
	                        height: 73px;
	                        font-size: 14px;
	                        line-height: 29px;
	                        color: #fffefe;
                        }
                    }
                }
               }
           }
       }
   }
   .game{
       .container{
           .row{
               .col-md-6:first-child{
                margin-top: 86px;
                font-size: 35px;
                color: #2a2a2a;
               }
               .col-md-6:last-child{
                font-size: 14px;
                margin-top: 89px;
                text-align:right;
                color: #2a2a2a;
               }
               .col-md-4{
                   margin-top: 45px;
                   .img{
                       width: 370px;
                       height: 270px;
                       img{
                           width: 100%;

                       }
                   }
               }
               .col-md-8{
                   margin-top: 45px;
                   .row{
                    text-align:center;
                    .col-md-3{
                        width: 67px;
                        height: 67px;
                        margin-left: 60px;
                        p{
                            width: 75px;
                            font-size: 14px;
                            margin-top: 5px;
                            color: #2a2a2a;
                        }
                    }
                   }
                   .xia{
                    margin-top: 70px;
                }
               }
           }
       }
   }
   .cooperation{
    background-color: #f4f4f4;
       .container{
           .row{
               margin-top: 40px;
               .col-md-12{
                   display: flex;
                   justify-content: flex-start;
                   p{
                       display:flex;
                       align-items: flex-end;
                    font-size: 11px;
                    color: #777777;
                   }
               }
           }
           .lie{
            margin-top: 36px;
            margin-bottom: 68px;
        }
       }
   }
}
 